<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>文章详情页</title>
    <%- include("link")%>
    <link rel="stylesheet" href="/css/articel.css" />
    <link rel="stylesheet" href="/css/editormd.css" />
</head>

<body>
    <div id="container">
        <%- include("nav")%>
        <div id="arnav">
            <span id="iflogin" dataiflogin="<%=iflogin%>" style="display: none;"></span>
            <span id="articelid" dataid=<%=id%> style="display: none;"></span>
            <div id="breadcrumb">
                <span class="layui-breadcrumb">
                    <a href="/main/1">博文页</a>
                    <a><cite>正文</cite></a>
                </span>
            </div>
        </div>

        <div class="content">
            <div class="c-left">
                <%- include("left")%>
            </div>
            <div class="c-right">
                <div class="articelcontent">
                    <h1><%=articelinfo.title%></h1>
                    <div class="views">
                        <span>发表时间：<%=articelinfo.date.toLocaleDateString()%></span>
                        <span>
                            标签：
                            <%articelinfo.category.forEach(item=>{%>
                            <i><%=item%></i>
                            <%})%>
                        </span>
                        <span>浏览量：<%=articelinfo.views%></span>

                    </div>
                    <div class="contentinfo">
                        <%- articelinfo.content%>
                    </div>
                </div>
                <div id="comment">
                    <div id="commenttitle">
                        评论区
                    </div>
                    <form class="layui-form">

                        <div class="layui-form-item layui-form-text">
                            <div class="layui-input-block">
                                <textarea name="comment" placeholder="请输入内容" class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn comment-btn" lay-submit lay-filter="comment">立即评论</button>
                                <button type="reset" class="layui-btn comment-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                    <div class="comback">
                        <div class="comheader"></div>
                        <div class="box_container"></div>
                        <div class="combut">
                            <button type="button" class="layui-btn cprev">上一页</button>
                            <span id="page"></span>
                            <span>/</span>
                            <span id="maxpage"></span>
                            <button type="button" class="layui-btn cnext">下一页</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="gotop">
            <img src="/img/top.png" alt="">
        </div>
        <%- include('mask')%>
        <%- include('search')%>
    </div>
</body>
<script src="/js/includ.js"></script>
<script src="/js/articel.js"></script>

</html>